<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Calendar Demos</title>
	<script src="../../../../scripts/jquery.js" type="text/javascript"></script>
	<link  href="../../../../themes/default/ui.css" type="text/css" id="themesLink" rel="stylesheet" />
	<!-- 换肤 -->
	<script type="text/javascript" src="../../../theme_cookie.js"></script>
	<script language="javascript" type="text/javascript" src="../WdatePicker.js"></script>

	<script>
		$(function(){
			$("#calendar-time").calendar({isShowWeek:true,dateFmt:$('#calendar_format_time_id').val()});
		});
		
	</script>
	
</head>

<body>
	
		<div>
			定义时间返回格式：<input type="text" id="calendar_format_time_id" style="width:120px" value="HH:mm:ss"/>（HH:小时,mm:分钟,ss:秒钟）
			<br/><br/>
			日历文本框：<input class="Wdate" type="text" id="calendar-time">
			<br/>
			<h5><b>提示：</b>请先定义时间返回的格式，再点击日历文本框验证日历控件是否按设定的格式返回日期。</h5>
			<div class='ui-state-highlight'> 
				<pre>
 <b>说明：</b>
 1.用户能方便的单独修改小时、分钟和秒； 
 2.开发人员能自定义时间返回的格式； 
 3.开发人员能初始化时间的显示粒度，可以细到秒，也可以细到分钟，也可以只细到
   小时； 
</pre>
			</div>
	</div>
</body>
</html>